body,td,th  {color:#333333;font-size:14px; margin:0; font-family:'微软雅黑';}
body{ min-width:1200px; }
.pic IMG{ transition:1.5s; } 
.pic IMG:hover{ transform:translate(0px,-2px) rotateY(360deg);  }

IMG.s{ transition:1s; }
IMG.s:hover{ transform:scale(1.1);}
.fwnr{ line-height:28px; color:#666666; padding:10px;}
.tb{ color:#EBAE3D;}
/*滚动数字*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.index_about_bottom{
 margin:0 auto;
    margin-top: 22px; padding:15px 0px;
}
.index_about_bottom .float_l{
    height: 98px;
    border-left: solid 1px #eeeeee;
    text-align: center;
}

.index_about_bottom .inline_flex{
    display: inline-flex;
    text-align: center;
}
.index_about_bottom .inline_flex .counter{
    font-size: 48px; line-height:50px;
    color: #333333; float:left;
    font-family: MyNewFont; font-weight:bold;
}
.index_about_bottom .inline_flex p{
    font-size: 14px; float:left;
    color: #333333;
    margin-top:25px;
    margin-left: 12px;
}

.index_about_bottom .inline_flex span{
    font-size: 18px;float:left;
    color: #ff0000; margin-top:-10px;
}
.index_about_bottom .float_l .p{
    font-size: 16px;
    color: #333;
    margin-top: 14px;
}

.float_l{
    float: left;
}
.index_about_bottom .float_l{
	width: 22%;
}
.index_about_bottom .inline_flex{
    display: inline-flex;
    text-align: center; margin-bottom:12px;
}


.index_aboutt_bottom{
 margin:0 auto;
    margin-top: 22px; padding:15px 0px;
}
.index_aboutt_bottom .float_l{
    height: 98px;
    border-left:1px solid rgba(255, 255, 255, 0.09);
    text-align: center;
}

.index_aboutt_bottom .inline_flex{
    display: inline-flex;
    text-align: center;
}
.index_aboutt_bottom .inline_flex .counter{
    font-size: 48px; line-height:50px;
    color: #fff; float:left;
    font-family: MyNewFont; font-weight:bold;
}
.index_aboutt_bottom .inline_flex p{
    font-size: 14px; float:left;
    color: #fff;
    margin-top:25px;
    margin-left: 12px;
}

.index_aboutt_bottom .inline_flex span{
    font-size: 18px;float:left;
    color: #ff0000; margin-top:-10px;
}
.index_aboutt_bottom .float_l .p{
    font-size: 16px;
    color: #fff;
    margin-top: 14px;
}

.float_l{
    float: left;
}
.index_aboutt_bottom .float_l{
	width: 22%;
}
.index_aboutt_bottom .inline_flex{
    display: inline-flex;
    text-align: center; margin-bottom:12px;
}


/* 新闻 */

.new1{padding-bottom: 50px;}

.new1 .nbtn{padding: 0 0 40px; text-align: center;}

.new1 .nbtn a{display: block;width:17.2%;;float: left;margin-right: 3.5%;background: #fff;border:1px solid #ddd;line-height: 50px;border-radius: 3px;}

.new1 .nbtn a:last-child{margin-right: 0;}

.new1 .nbtn a span{color: #fff;display: none;}

.new1 .nbtn a:hover,.new1 .nbtn a.act{background: #da251d;color: #fff;border:1px solid #da251d;}

.nday{padding: 40px 0 ;line-height: 40px;}

.nday .nlt{float: left;width: calc(100% - 480px);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.nday .sx span{display: block;float: left;padding-left: 20px;background: url(../images/6_2_1.png) center left no-repeat;margin: 0 10px;cursor: pointer;}

.nday .sx span.act{background: url(../images/6_2_2.png) center left no-repeat;}

.nday .nrt{float: right;background: #eee;width: 450px;height: 42px;border: 1px solid #ddd;border-radius: 5px;padding: 4px 5px 4px 20px;}

.nday .nrt input{display: block;width: calc(100% - 100px);float: left;height: 100%;border: 0;outline: none;background: #eee;}

.nday .nrt a{display: block;width: 80px;height:32px ;float: right;background: #d9251c url(../images/ss4.png) center no-repeat;border-radius: 3px;}

.new1 .ul1{}

.new1 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;background: #fff;}

/* .new1 .ul1 li::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 5;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} */

.new1 .ul1 li:nth-child(3n){margin-right: 0;}

.new1 .ul1 li a{display: block;}

.new1 .ul1 li a .img,.new1 .ul1 li a .img img{display: block;width: 100%;overflow: hidden; height:220px;}

.new1 .ul1 li a .img img{height: auto;width: 100%;display: block;}

.new1 .ul1 li a .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001); }

.new1 .ul1 li a .txt{padding: 30px 20px;background: #fff;position: relative;z-index: 2;}

.new1 .ul1 li a .txt .ltt{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5em;font-weight: bold; color: #222;height: 3em; margin-bottom: 10px;}

.new1 .ul1 li a .txt .ltc{ line-height: 1.5;color: #333;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 64px;}

.new1 .ul1 li a .txt .day{border-top:1px solid #e1e1e1; padding-top: 10px;color: #888; background: url(../images/jiantou.png) no-repeat right;}

.new1 .ul1 li:hover a .img img{transform: scale(1.09);-webkit-transform: scale(1.09);}
/* 
.new1 .ul1 li:hover a .txt .ltt,.new1 .ul1 li:hover a .txt .ltc,.new1 .ul1 li:hover a .txt .day{color: #d9251c;} */

.new1 .ul1 li:hover a .txt .day{color: #000; background: url(../images/jiantou_h.png) no-repeat right; }

.new1 .ul1 li:hover:before{width: 100%;}

 .new1 .ul2n{}

 .new1 .ul2n li{position: relative;margin-bottom:40px;background: #fff;overflow: hidden;}
 
 .new1 .ul2n li a{display: block;padding: 20px;border: 1px solid #ddd;}
 
 .new1 .ul2n li a .alt{width: 17.6%;text-align: center;height: 100%;float: left;height: 100%;border-right: 1px solid #ddd;margin-right: 2%;}
 
 .new1 .ul2n li a .alt img{width: 100%; height: auto;}
 
 
 .new1 .ul2n li a .act{display: block;width: 80%;float: left;}
 
 .new1 .ul2n li a .act .att{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 5px 0 0;margin-bottom: 20px;}
 
 .new1 .ul2n li a .act .att .le{float: left;width: 90%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .new1 .ul2n li a .act .att .rig{float: right; font-weight: 500; }
 
 .new1 .ul2n li a .act .atc{color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.4em;}
 
 .new1 .ul2n li a .art {width: 140px;float: right;}
 
 .new1 .ul2n li a .art span{display: block;width: 100%;line-height: 40px;border: 1px solid #ddd;border-radius: 3px;text-align: center;color: #999;margin-top: 20px;}
 
 .new1 .ul2n li::before{content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 5;background: #d9251c;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
 
 .new1 .ul2n li:hover:before{width: 100%;}
 
 .new1 .ul2n li:hover a .alt img{transform: scale(1.09);-webkit-transform: scale(1.09);}
 
 
 .new1 .ul2n li:hover a .act .att .le{color: #d9251c;}
 
 .new1 .ul2n li:hover a .alt .day,.new1 .ul2n li:hover a .alt .year{color: #444;}
 
 .new1 .ul2n li:hover a .art span{background: #d9251c;color: #fff;border: 1px solid #d9251c;}
 
 .new1 .ul2n li:hover a .act .atc{color: #444;}
 
 .new1 .ul2n li:hover ,.new1 .ul1 li:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;}
 



.btn{ display: inline-block; *display:inline; *zoom:1; padding: 15px 50px; text-decoration: none; position: relative; color:#fff; border-radius:30px;}
.btn3{ background-color:#000; color:#fff; position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; border-radius:30px;}
.btn3:hover{ color:#fff; border-color: #ff0000;}
.btn3 .btnbg-x{  position:absolute; background: #ff0000; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;  }
.btn3:hover .btnbg-x{ width:100%; left:0px; }
.btn3 span{ position:relative; z-index:1;}

a:link {font-size: 14px;color:#333333;text-decoration: none;}
a:visited {font-size: 14px;color:#333333;text-decoration: none;}
a:active {font-size: 14px;color: #FF2000;text-decoration: none;}
a:hover {font-size: 14px;color: #FF2000;text-decoration: NONE;}

a.b:link {font-size: 14px;color: #ffffff;text-decoration: none;}
a.b:visited {font-size: 14px;color: #ffffff;text-decoration: none;}
a.b:active {font-size: 14px;color: #FF0000;text-decoration: none;}
a.b:hover {font-size: 14px;color: #FF0000;text-decoration:none;}

.gd:hover{background-color:#ffffff;border-radius:30px; color:#333333;  border:1px #333333 solid;  width:163px; line-height:36px; height:36px;}
.gd{background-color:#333333; border-radius:30px; color:#FFFFFF; border:0px; width:163px; line-height:36px; height:36px;}

.gdd:hover{background-color:#ffffff;border-radius:5px; color:#E93004;  border:1px #E93004 solid;  width:163px; line-height:36px; height:36px;}
.gdd{background-color:#E93004; border-radius:5px; color:#FFFFFF; border:0px; width:163px; line-height:36px; height:36px;}

.dht {font-size:30px;line-height: 25px; font-weight:bold;word-spacing: normal;}
.dhh {font-size:17px;color: #ffffff;line-height: 25px; word-spacing: normal;}
.fontwhile {font-size: 14px;color: #FFFFFF;line-height: 25px;word-spacing: normal;}
.fonths {font-size: 30px;color: #333333;line-height: 40px;word-spacing: normal; }
.fonthsb {font-size: 30px;color: #ffffff;line-height: 40px;word-spacing: normal; }
.fontbs {font-size: 14px;color: #ffffff;line-height:28px; word-spacing: normal; padding-top:30px;}
.fontls{font-size:42px;line-height:44px; font-weight:bold;word-spacing: normal;}
.fontbt{ font-size:38px; color:#333333; font-weight:bold; margin-bottom:20px;}
.fontjs {font-size:28px;line-height: 30px; font-weight:bold; color:#ff0000;word-spacing: normal;}
.fontjsb {font-size:36px;line-height: 40px; font-weight:bold; color:#ffffff;word-spacing: normal;}
.fontjjs {font-size:36px;line-height: 40px; font-weight:bold; color:#EBAE3D;word-spacing: normal;}
.fontqzs{ color:#BC9456; font-size:16px;}
.fontqzsb{ color:#BC9456; font-weight:bold; font-size:20px;}


#link { height:30px; }
#link ul { list-style: none; margin: 0px; padding: 0px; }
#link ul li { float:left; }
#link ul li a { display:block; padding:0px 20px; height:30px; line-height:30px;text-align:center;border-right:1px #EBECF0 solid;}
#link ul li a:hover {padding:0px 20px;  background-color:#EBECF0; color:#FF0000; height:30px;color:#272727; text-decoration:none;}
/*服务*/
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.ul-icon-i li {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}
.ul-icon-i li .pad {
	padding: 0 40px;
	position: relative;
}
.ul-icon-i li a {
	display: block;
}
.ul-icon-i li a span {
	background: url(../img/i_icon1.png) no-repeat;
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom:35px;
}
.ul-icon-i li h3 {
	font-size: 16px;
	margin-bottom: 18px;
}
.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-icon-i li p {
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
.ul-icon-i li.li1 a span {
	background-position: 0 0;
}
.ul-icon-i li.li2 a span {
	background-position: -305px 0;
}
.ul-icon-i li.li3 a span {
	background-position: -615px 0;
}
.ul-icon-i li.li4 a span {
	background-position: -930px 0;
}
/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-icon-i li .pad .pic img {
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}
.ul-icon-i li a:hover p {
	text-decoration:none;
	color: #333;
}

/*导航*/

*{ margin:0px; padding:0px;}
.clear{ clear:both}
small{ padding-left:7px; font-size:12px; color:#000; font-weight:normal;}
.body{ width:100%; height:100%; display:block; overflow:hidden; margin:0px; padding:0px}


.box-bj{ width:100%; height:100%; margin:0px; padding:0px; position:absolute; overflow:hidden; left:0px;}
.box-bj img{ width:100%; height:100%; margin:0px; padding:0px;}

.box-nav-bj{ width:297px; height:100%; margin:0px; padding:0px; position:absolute; right:0px; z-index:-5}
.box-nav-bj img{ width:100%; height:100%; margin:0px; padding:0px; position:absolute; right:0px; z-index:-5}

.box-nav{ width:160px; height:auto; margin:0 0 0 135px; padding:0px; z-index:20; position:absolute; right:0px; top:20%; _top:150px;}
.box-nav li{ width:105px; height:35px; margin:18px 0; padding:0px; border:1px solid #fff; text-align:center; line-height:35px;}
.box-nav li a{ font-size:18px; color:#fff;}
.box-nav li:hover{ border:1px solid #c2090c;}
.box-nav li:hover a{ font-size:18px; color:#c2090c;}
.box-phone{width:150px; height:auto; margin:0px; padding:0px; z-index:20; position:absolute; right:0px; bottom:60px;}
.box-phone p{  color:#fff; font-size:15px; line-height:30px;}


.box-dibu{ width:93%; height:auto; margin:0 auto; position:absolute; bottom:0px; left:3%; z-index:30;}
.box-dibu1{ width:60%; height:auto; margin:0 auto; float:left; font-size:12px; color:#fff;}
.box-dibu1 p{font-size:12px; color:#fff; line-height:25px;}
.box-dibu2{ width:30%; height:auto; margin:0 auto; float:right;}
.box-dibu2 a img{ width:34px; height:34px; float:right; display:block; margin:0 0 0 15px;}

/* 弹出css */
#mintbar{font-size:14px;color:#FFF;padding:0;position:fixed;top:40px; right:90px; z-index:2000;width:47px;text-align:center;height:62px;}
#mintbar div{position:relative;margin:0 auto;padding-top:10px;width:960px;height:30px;}
#mintbar div h2{float:left;font-size:16px;}
#closebtn{float:right;}
#mint{cursor:pointer;position:relative;z-index:10; height:100%;}
#mint img{ position:absolute; right:225px; top:40px; display:block;}



/* 菜单css */
 .main{ width:100%; height:auto;}
  .main div{ }
  #float01{ height:790px;}
  #float02{ height:790px;}
  #float03{ height:790px;}
  #float04{ height:790px;}
  #float05{ height:790px;}
  #float06{ height:790px;}
  #float07{ height:790px;}
   #float08{ height:790px;}
    #float09{ height:790px;}
  div.floatCtro{ width:120px; height:350px; position: fixed; right:45px; top:10%; z-index:100}
  div.floatCtro p {width:120px; text-align:center; height:50px; line-height:50px;  font-size:14px; color:#ffffff; border-bottom:1px #333031 solid; margin:0; padding:0; cursor:pointer; }
  div.floatCtro a{ display:inline-block; display:none; width:120px; height:60px; margin:10px 0 0 0; background:#fff; color:#000;  vertical-align:middle; cursor:pointer;}
  div.floatCtro a span{ display:block; width:28px; height:44px; line-height:22px;   font-size:14px; line-height:22px; text-align:center; margin:8px 16px; _margin:-10px 0 0 16px;}
  div.floatCtro a:hover{ background:#000; color:#fff; zoom:1;}
  div.floatCtro p:hover{ background:#F2C85D; color:#000000;}
  div.floatCtro p.cur{ background:#F2C85D; color:#000000;}


/* fullSlide */
*{margin:0;padding:0;list-style:none;}
.fullSlide{width:100%;position:relative;height:782px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:782px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:782px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:999;top:40%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; }
.fullSlide .next{left:auto;right:0%;background-position:-6px -137px;}



 /* 二维码弹窗css */ 
                .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
        .shang_box{width:400px;height:400px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
        .shang_box img{border:none;border-width:0;}
        .dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
        .dashang:hover{opacity:0.8;padding:15px;font-size:18px;}
        .shang_close{float:right;display:inline-block;}
                .shang_logo{display:block;text-align:center;margin:20px auto;}
        .shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;margin-top: 7px;margin-right:2px;}
        .shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
        .shang_payimg{width:140px;padding:10px;border:6px solid #EA5F00;margin:0 auto;border-radius:3px;height:140px;}
        .shang_payimg img{display:block;text-align:center;width:140px;height:140px; }
        .pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
		
		
		
		/* case start */
.ncase-bar { margin-top: 75px; }

@media screen and (max-width: 1219px) { .ncase-bar { margin-top: 70px; } }

@media screen and (max-width: 991px) { .ncase-bar { margin-top: 50px; } }

@media screen and (max-width: 767px) { .ncase-bar { margin-top: 30px; } }

.ncase-bar .bar-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 19px; font-family: "SourceHanSansCN-Regular"; }

@media screen and (max-width: 767px) { .ncase-bar .bar-item { margin-bottom: 10px; } }

.ncase-bar .item-tip { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 64px; margin-right: 10px; font-size: 20px; font-size: 2rem; line-height: 1.6; }

.ncase-bar .item-tip, .ncase-bar .item-tip * { color: #676767; }

@media screen and (max-width: 1419px) { .ncase-bar .item-tip { font-size: 18px; font-size: 1.8rem; min-width: 60px; } }

@media screen and (max-width: 1219px) { .ncase-bar .item-tip { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .ncase-bar .item-tip { min-width: 50px; } }

@media screen and (max-width: 767px) { .ncase-bar .item-tip { font-size: 14px; font-size: 1.4rem; min-width: 40px; } }

.ncase-bar .item-body { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 0; letter-spacing: 0; }

.ncase-bar .item-body > a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.6; padding: 0 14px; margin-right: 36px; margin-bottom: 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.ncase-bar .item-body > a:last-child { margin-right: 0; }

.ncase-bar .item-body > a.active, .ncase-bar .item-body > a:hover { background-color: #2BD5E5; color: #fff; }

.ncase-bar .item-body > a, .ncase-bar .item-body > a * { color: #676767; }

@media screen and (max-width: 1419px) { .ncase-bar .item-body > a { font-size: 18px; font-size: 1.8rem; margin-right: 25px; } }

@media screen and (max-width: 1219px) { .ncase-bar .item-body > a { font-size: 16px; font-size: 1.6rem; margin-right: 20px; } }

@media screen and (max-width: 991px) { .ncase-bar .item-body > a { margin-right: 15px; } }

@media screen and (max-width: 767px) { .ncase-bar .item-body > a { font-size: 14px; font-size: 1.4rem; padding: 0 10px; margin-right: 10px; margin-bottom: 5px; } }

@media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background-color: #000; } }

@media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } }

.ncase-list { font-size: 0; letter-spacing: 0; margin-top: 43px; font-family: "SourceHanSansCN-Regular"; }

@media screen and (max-width: 1219px) { .ncase-list { margin-top: 30px; } }

@media screen and (max-width: 767px) { .ncase-list { margin-top: 20px; } }

.ncase-list .list-item { display: inline-block; vertical-align: top; width: 29.28571%; margin-left: 6.07143%; margin-bottom: 81px; }
.ncase-list .list-item .productname { font-size:16px; height:50px; line-height:50px; text-align:center;}

.ncase-list .list-item:nth-child(3n+1) { margin-left: 0; }

@media screen and (max-width: 1419px) { .ncase-list .list-item { margin-bottom: 60px; } }

@media screen and (max-width: 1219px) { .ncase-list .list-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .ncase-list .list-item { width: 31%; margin-left: 3.5%; margin-bottom: 30px; } }

@media screen and (max-width: 480px) { .ncase-list .list-item { width: 48%; margin: 0 1% 25px !important; } }

.ncase-list .item-box { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.56); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.56); -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; }

.ncase-list .item-box:hover .item-pics { background-position: bottom center; }

.ncase-list .item-pics { padding-bottom: 111.21951%; -webkit-transition: ease-out 8s; -o-transition: ease-out 8s; -moz-transition: ease-out 8s; transition: ease-out 8s; background-position: top center; background-repeat: no-repeat; background-size: 100%; }

@media screen and (max-width: 991px) { .ncase-list .item-backdrop { display: block; text-align: center; } }

.ncase-list .item-backdrop .item-btn { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 36px; -webkit-border-radius: 18px; border-radius: 18px; font-size:15px;  color: #fff; background-color: #ff0000; padding: 0 32px; }

@media screen and (max-width: 991px) { .ncase-list .item-backdrop .item-btn { position: relative; top: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 14px; font-size: 1.4rem; line-height: 2; width: 100%; -webkit-border-radius: 0; border-radius: 0; } }

@media screen and (max-width: 767px) { .ncase-list .item-backdrop .item-btn { font-size: 12px; font-size: 1.2rem; } }

.ncase-btn { font-size: 0; text-align: center; }

.ncase-btn a { display: inline-block; font-family: "SourceHanSansCN-Regular"; font-size: 16px; font-size: 1.6rem; line-height: 48px; -webkit-border-radius: 24px; border-radius: 24px; padding: 0 39px; background-color: #2BD5E5; color: #fff; }

.ncase-btn a:hover { background-color: #000; }

@media screen and (max-width: 1219px) { .ncase-btn a { line-height: 38px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .ncase-btn a { font-size: 12px; font-size: 1.2rem; line-height: 30px; padding: 0 25px; } }

.ncase-wrap { }

@media screen and (max-width: 1219px) {}

@media screen and (max-width: 991px) { }

@media screen and (max-width: 767px) { .ncase-wrap { padding-bottom: 30px; } }

/* case end */